/* checkbox */
.checkbox input{ display: none;}
.checkbox label, .checkbox span{ cursor:pointer; display:inline-block; font-size:12px; padding-left:18px; position:relative; line-height:16px; transition:border 0.2s linear 0s,color 0.2s linear 0s; white-space:nowrap; cursor:pointer; overflow: hidden;text-overflow:ellipsis; }
.checkbox label:before, .checkbox span:before{ background-color:#ffffff; border:1px solid #d9d9d9; content:""; display:inline-block; height:12px; left:0; margin-right:10px; position:absolute; width:12px; border-radius:0; top:3px; transition:border 0.2s linear 0s,color 0.2s linear 0s; box-sizing:border-box;}
.checkbox label:after, .checkbox span:after{ display:inline-block; font-size:11px; height:12px; left:4px; position:absolute; top:-1px; transition:border 0.2s linear 0s,color 0.2s linear 0s; width:12px; box-sizing:border-box;}
.checkbox input[type="checkbox"]:checked + label:before,
.checkbox input[type="checkbox"]:checked + span:before{ border-width:6px; border-color: #ff7713;}
.checkbox input[type="checkbox"]:checked + label:after,
.checkbox input[type="checkbox"]:checked + span:after{ content: ''; width: 8px; height: 5px; position: absolute; top: 5px;left: 2px; border: 2px solid #fff; border-top: none; border-right: none; background: transparent; -moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.checked-sub label:after,.checked-sub span:after{ content: ''; width: 0px; height: 0px; position: absolute; top: 6px;left: 3px; border: 3px solid #ff7713; }
.checkbox input[type="checkbox"]:disabled + label:before,
.checkbox input[type="checkbox"]:disabled + span:before{ border-color: #d9d9d9; background-color: #f2f2f2;}

/* checkbox big 偏大的多选框 */
.checkboxBig input{ display: none;}
.checkboxBig label, .checkboxBig span{ cursor:pointer; font-size:12px; padding-left:20px; position:relative; line-height:16px; transition:border 0.2s linear 0s,color 0.2s linear 0s; white-space:nowrap; cursor:pointer; }
.checkboxBig label:before, .checkboxBig span:before{ background-color:#ffffff; border:1px solid #ccc; content:""; display:inline-block; height:16px; left:0; margin-right:10px; position:absolute; width:16px; border-radius:0; top:0px; transition:border 0.2s linear 0s,color 0.2s linear 0s; box-sizing:border-box;}
.checkboxBig label:after, .checkboxBig span:after{ display:inline-block; font-size:12px; height:16px; position:absolute; transition:border 0.2s linear 0s,color 0.2s linear 0s; width:16px; box-sizing:border-box;}
.checkboxBig input[type="checkbox"]:checked + label:before,
.checkboxBig input[type="checkbox"]:checked + span:before{ border-width:8px; border-color: #ff7713;}
.checkboxBig input[type="checkbox"]:checked + label:after,
.checkboxBig input[type="checkbox"]:checked + span:after{ content: ''; width: 10px; height: 6px; position: absolute; top: 3px;left: 3px;  border: 2px solid #fff; border-top: none; border-right: none; background: transparent; -moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.checkboxBig input[type="checkbox"]:disabled + label:before,
.checkboxBig input[type="checkbox"]:disabled + span:before{ border-color: #d9d9d9; background-color: #f2f2f2;}

/* 多选框列表 */
.checkbox-wrap{ position: relative; border-bottom: 1px dashed #dcdcdc; padding-left: 85px; min-height: 26px}
.checkbox-list{ position: relative; margin-left: 85px;}
.checkbox-list .checkbox{ float: left; margin-right: 40px; margin-bottom: 10px}
.broker-text{ position: absolute; left: 0; top: 0;}
.broker-list { max-height: 140px; overflow: auto; }
.broker-list a{ float: left; margin-right: 40px; margin-bottom: 10px; color: #333}
.broker-list a.selected{ color: #ff7713}